body {
  padding-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 5px solid #3399cc;
}

::selection {
	background: #3399cc; /* Safari */
	color: #fff;
	}
::-moz-selection {
	background: #3399cc; /* Firefox */
	color: #ff;
}

li {margin-bottom:7px;}

a {
  color: #3399cc;
  text-decoration: none;
}
a:hover {
  color: #005580;
  text-decoration: underline;
}

/******* FOOTER ********/
.footer {
  font-size: 12px;
}

/****** Login *****/
 
  .form-signin {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 40px auto;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
			box-shadow: 0 1px 2px rgba(0,0,0,.05);
  }
  .form-signin .form-signin-heading,
  .form-signin .checkbox {
	margin-bottom: 10px;
  }
  .form-signin input[type="text"],
  .form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
  }
  .login-error {
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	color: #555555;
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
  }


/****** NEWS ********/  
.news-not-found {
  margin-top:40px;
}

.module-news {
  padding: 10px;
  margin-top: 10px;
  width:98%;
  background: #fff;
}
.module-news .head {
  padding-bottom: 0;
}
.module-news .head  .title{
  border-bottom: 1px solid #eeeeee;
}
.module-news .head  .title h4 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.module-news .head .post-info {
  font-size: 0.8em;
}
.module-news .content {
  padding-top: 10px;
}
.module-news .post-content p {
  margin-left: 5px;
  padding: 10px;
}
.module-news .post-content {
  overflow: auto;
}
/********* COMMENT ********/
.comment-list hr {
  padding: 0;
  margin: 4px;
}
.comment-list .date {
  font-size: 9px;
}

/********* CAT ***********/
.box-cat hr {
  margin: 0;
}
.box-cat {
  background: #fff;
  border: 1px solid #fff;
  padding: 5px;
  height: 200px;
  margin-bottom: 10px;
}
.box-cat .head{
  height: 140px;
  overflow: hidden;
}
.box-cat .head h4, .line-cat  .head h4 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.box-cat .description , .line-cat  .description{
  font-size: 9px;
  height: 15px;
  width: 100%;
}
.child {
  font-size: 11px;
  height: 20px;
  width: 100%;
}
.box-cat .learn-more-button {
  height: 30px;
}
.newest_post {
  margin-top: 5px;
  font-size: 11px;
}

.view-mode {
  padding-top: 25px;
}
@media (max-width:700px) {
  .view-mode {
    display: none;
  }
}
.line-cat {
  padding: 5px;
  background: #fff;
  border: 1px solid #fff;
  margin-bottom: 15px;
  height: 100px;
}
.line-cat .learn-more-button  {
  padding-top: 18px;
}
.line-cat .link {
  border-left: 1px solid #eeeeee;

  height: 100px;
}
/**** REGISTER *****/
.form-register { max-width: 300px; padding: 19px 29px 29px; margin: 10px auto 20px; background-color: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 2px rgba(0,0,0,.05);}
.form-signin .form-signin-heading,.form-signin .checkbox {margin-bottom: 10px; }
.form-signin input[type="text"], .form-signin input[type="password"] { font-size: 16px; height: auto; margin-bottom: 15px; padding: 7px 9px; }
.login-error { padding: 10px 10px 10px 10px; margin-bottom: 15px; color: #555555; background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } 

/* VIEW -------------------*/
.block-tag {
  margin-top: 5px;
  margin-bottom: 5px;
}
.block-tag hr {
  margin: 0;
}

/* HEADER ----------------------*/
#header {height:85px; border-bottom: 1px solid #cbc9cf; background-color: #ffffff; position: relative;}
#logo {width:168px; height:46px; margin-top:30px;}
#logo a {width:168px; height:46px; float: left;}
#login a img {}
#top-nav-menu a {font-family: 'Open Sans', sans-serif;}
#top-nav-menu {float: right; z-index:1000; margin-top:1px;}
	#top-nav-menu ul {list-style:none;}
		#top-nav-menu li {float:left; position: relative; margin-bottom:0;}
			#top-nav-menu a {
				padding: 34px 40px 25px 40px;
				display: block;
				text-align: center;
				font-weight: normal;
				z-index:1000;
				position: relative;
				text-transform: uppercase;
				font-size:12px;
				text-decoration: none;
				color: #555555;
				text-shadow:none;
			}
			#top-nav-menu a.current .dot.nav {
				background-color:#3399cc;
				border-color: #3399cc;
			}


		#top-nav-menu a.current {background: #fcfcfc; color: #3399cc; border-bottom:1px solid #3399cc;}
		#top-nav-menu a:hover {background: #f5f5f5; color: #666666; border-bottom:1px solid #3399cc;}
		#top-nav-menu a:hover .dot.nav { background-color:#3399cc; border-color:#3399cc; }
		#top-nav-menu a:hover .dot.subnav {background-color:#3399cc; border-color:#3399cc;}


			#top-nav-menu #nav-menu ul {
					display: none; 
					position: absolute; 
					top:70px; 
					width:202px;
					left:-25px;
					border-top:2px solid #3399cc;
					z-index:2000;
				}
				#top-nav-menu #nav-menu ul li {
					float: left;
				}
				#top-nav-menu #nav-menu li ul a {
					float: left;
					width: 160px;
					padding: 10px 0px 10px 40px;
					border-left:1px solid #cbc9cf;
					border-right:1px solid #cbc9cf;
					border-bottom:1px solid #cbc9cf;
					border-top: none;
					text-align:left;
					background-color: #fcfcfc;
					text-transform:none;
				}
				#top-nav-menu #nav-menu li ul a:hover { background-color: #ffffff;}
				#top-nav-menu #nav-menu li ul a:first-child {border-bottom:1px solid #cbc9cf;}
					#top-nav-menu #nav-menu ul ul {
						top:-1px;
						left:201px;
						border-top:1px solid #cbc9cf;
					}
					#nav-menu li ul ul {
						left:201px;
						margin: 0 0 0 0px;
					}
				#nav-menu li:hover ul ul, #nav-menu li:hover ul ul ul, #nav-menu li:hover ul ul ul ul{
    				display:none;
    			}
    			#nav-menu li:hover ul, #nav-menu li li:hover ul, #nav-menu li li li:hover ul, #nav-menu li li li li:hover ul{
    				display:block;
				}
				#nav-menu .more-items {position: absolute;right:15px;top: 10px;}

.navbar-search {margin-top:8px;}
.page-header {padding-bottom:0;}

.dot {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
  	width: 8px;
  	height: 8px;
  	border: 1px solid #cbc9cf;
  	background-color:#ffffff;
  	display: inline-block;
}
.dot.nav {position: absolute;left:48%;bottom:-30px;}
.dot.subnav {position: absolute;left:15px;top: 38%; /*background: #d2d2d2;*/}
.box:hover .dot.promo { background-color:#3399cc; border-color: #3399cc; }
.box:hover {border-color: #3399cc;}
	.box h3 {text-align:center;}
	.box .box-content {padding-top:10px; padding-bottom:10px;}
		.box .readmore {display: block; margin-bottom:10px;}

/* ------------------------------------*/

@media (max-width: 979px) {

	.span4 .tittle .dot.heading {top:44%;}
	.span4 .tittle .heading {line-height:28px;}
	#portfolio .span4 .tittle .dot.heading {top:36%;}
}

@media (min-width: 768px) and (max-width: 979px) {

	/*Navigation styles*/
	#top-nav-menu a {padding: 34px 25px 32px 25px;}

	/*slider styles*/
	#slider {height:260px;}
	.oneByOne1 { height:260px;}   
	.arrowButton .prevArrow, .arrowButton .nextArrow {top:90px;}
	
	#banner .oneByOne_item{	width: 768px;}  
		/*Slide one*/
		#banner img.s1_2 { max-width:50%; left: 280px; top:15px;}
		#banner img.s1_1 { max-width:30%; top:15px;}
		#banner img.s1_4, #banner img.s1_5, #banner img.s1_6, #banner img.s1_7, #banner img.s1_8  {max-width:5%; top:180px;} 
		#banner img.s1_4 {left:50px;}
		#banner img.s1_5 {left:90px;}
		#banner img.s1_6 {left:130px;}
		#banner img.s1_7 {left:170px;}
		#banner img.s1_8 {left:210px;}

		/*Slide two*/
		#banner img.s2_1 {max-width:45%; left: 300px; top:15px;}
		#banner .oneByOne_item span.slide2Txt1 { margin: 10px 12px 0 56px; font-size: 28px; } 
		#banner .oneByOne_item div.slide2Txt2 {margin: 0px 12px 0 56px; font-size:12px;	} 
			#banner .oneByOne_item div.slide2Txt2 li {padding-top:0px;}
			#banner .oneByOne_item div.slide2Txt2 li .icon24 {font-size:16px;}

		#banner .oneByOne_item span.slide2Txt3 { margin: 0px 12px 0 56px; } 		
		
		/*Slide three*/	
		#banner img.s3_1 {max-width:45%; left: 300px; top:50px;}
		#banner .oneByOne_item span.slide3Txt1 { margin: 10px 12px 0 56px; font-size: 28px; } 
		#banner .oneByOne_item div.slide3Txt2 {margin: 0px 12px 0 56px; font-size:12px;	} 
			#banner .oneByOne_item div.slide3Txt2 li {padding-top:0px;}
			#banner .oneByOne_item div.slide3Txt2 li .icon24 {font-size:16px;}

		#banner .oneByOne_item span.slide3Txt3 { margin: 0px 12px 0 56px; } 	
	.project-box h3 {line-height:18px;}
	.last-blog .read-more {float: none;width:100%;}
	.last-blog .comments {float: left;width:100%;}	
	.links {left:20%; top:38%;}	
	.price-box h2 {	line-height:22px;}
	.price-box .price {padding-top:5px; padding-bottom:5px;}
	.price-box .price span {width:100%; float: left;}

	.span3 .tittle .dot.heading {top:43%;}
	.span3 .tittle .heading {line-height:28px;}
	.span3 .nav-tabs {/*border: 1px solid #DDD;*/}
		.span3 .nav-tabs li {width:100%;}
		.span3 .nav-tabs li.active {border-bottom:1px solid #ddd;}
	.span1 .blog-date {width: 75px; margin-left: -20px;}	

	#portfolio.two-columns .project-box {min-height:350px;}
	#portfolio .project-box {min-height:190px;}
	#portfolio.three-columns .project-box {min-height:250px;}
	.pager li {float: left; width:100%; margin-bottom:10px;}
}

@media (max-width: 767px) {

	#logo {margin-left:0; text-align:center; width:100%;}
	/*Navigation styles*/
	#header {height:auto;}
	#top-nav-menu {width:100%; z-index:9999; border-top:1px solid #cbc9cf; margin-top: 25px;}
		#top-nav-menu ul {margin: 0;}
		#top-nav-menu li {float:none; display: block;}
		#top-nav-menu li a {
			padding:15px 10px 15px 10px;
			border-left:1px solid #cbc9cf;
			border-right:1px solid #cbc9cf;
		}
		#top-nav-menu li a.current {background-color: #f8f8f8;}
		#top-nav-menu li a .dot.nav {display: none;}

		#top-nav-menu #nav-menu ul {top:40px; width:280px;left:28%;}
				#top-nav-menu #nav-menu li ul a {	width: 240px; }
				#top-nav-menu #nav-menu ul ul {top:38px;left:0px;	border-top:2px solid #3399cc;}

	#breadcrumb {border-left: 1px solid #cbc9cf; border-right:1px solid #cbc9cf;}
		#breadcrumb .breadcrumb {width:100%; text-align:center;}
		#breadcrumb .navbar-search.pull-right {float: none; text-align:center;}
	.divider1 {margin-bottom:15px;}

	.last-projects .project-box  {margin-bottom:15px;}
	.blog-box {margin-bottom:15px;}		
	.thumbnails > li {margin-left:0;}	

	.links {left:40%; top:48%;}

	#footer .title {margin-left:15%; width:100%; }
	#footer ul, #footer .copyrights .copy {margin-left:15%; margin-right:15%;}	
	.copy li:first-child {float: left;width:100%;}
	.blog-post .blog-tags {margin-bottom:15px;}
	.span1 .blog-date {width: 75px; margin-left: 0px;}	
	.blog-comments .image {float: left; margin-right:15px;}
	.blog-comments .btn {margin-top:-20px;}
	#portfolio .project-box {margin-bottom:15px;}

}
@media (min-width: 480px) and (max-width: 767px) {

	#top-nav-menu #nav-menu ul {left:18%;}

	/*slider styles*/
	#slider {height:180px;}
	.oneByOne1 { height:180px;}   
	.arrowButton .prevArrow, .arrowButton .nextArrow {display: none;}
	
	#banner .oneByOne_item{	width: 768px;}  
		/*Slide one*/
		#banner img.s1_2 { max-width:35%; left: 200px; top:15px;}
		#banner img.s1_1 { max-width:20%; top:15px;}
		#banner img.s1_4, #banner img.s1_5, #banner img.s1_6, #banner img.s1_7, #banner img.s1_8  {max-width:3%; top:130px;} 
		#banner img.s1_4 {left:50px;}
		#banner img.s1_5 {left:75px;}
		#banner img.s1_6 {left:100px;}
		#banner img.s1_7 {left:125px;}
		#banner img.s1_8 {left:150px;}

		/*Slide two*/
		#banner img.s2_1 {max-width:30%; left: 280px; top:10px;}
		#banner .oneByOne_item span.slide2Txt1 { margin: 0px 12px 0 56px; font-size: 20px; } 
		#banner .oneByOne_item div.slide2Txt2 {margin: -10px 12px 0 56px; font-size:12px;	} 
			#banner .oneByOne_item div.slide2Txt2 li {padding-top:0px; line-height:12px;}
			#banner .oneByOne_item div.slide2Txt2 li .icon24 {font-size:16px;}
		#banner .oneByOne_item span.slide2Txt3 { margin: -17px 12px 0 56px; } 

		/*Slide three*/	
		#banner img.s3_1 {max-width:30%; left: 280px; top:10px;}
		#banner .oneByOne_item span.slide3Txt1 { margin: 0px 12px 0 56px; font-size: 20px; } 
		#banner .oneByOne_item div.slide3Txt2 {margin: -10px 12px 0 56px; font-size:12px;	} 
			#banner .oneByOne_item div.slide3Txt2 li {padding-top:0px; line-height:12px;}
			#banner .oneByOne_item div.slide3Txt2 li .icon24 {font-size:16px;}
		#banner .oneByOne_item span.slide3Txt3 { margin: -17px 12px 0 56px; } 

	.hero-unit h1 {font-size:24px;}
	.span4 .tittle .dot.heading {top:36%;}
	#portfolio.two-columns .project-box {min-height:250px;}
}

@media (max-width: 480px) {

	#top-nav-menu #nav-menu ul {left:0;width:230px;}
	#top-nav-menu #nav-menu li ul a {	width: 189px; }

	.hero-unit {padding:1em;}
	.hero-unit h1 {font-size:24px;}
	/*slider styles*/
	#slider {height:140px;}
	.oneByOne1 { height:140px;}   
	.arrowButton .prevArrow, .arrowButton .nextArrow {display: none;}
	
	#banner .oneByOne_item{	width: 768px;}  
		/*Slide one*/
		#banner img.s1_2 { max-width:25%; left: 100px; top:15px;}
		#banner img.s1_1 { max-width:15%; top:15px; left:5px;}
		#banner img.s1_4, #banner img.s1_5, #banner img.s1_6, #banner img.s1_7, #banner img.s1_8  {max-width:2%; top:100px;} 
		#banner img.s1_4 {left:10px;}
		#banner img.s1_5 {left:30px;}
		#banner img.s1_6 {left:50px;}
		#banner img.s1_7 {left:70px;}
		#banner img.s1_8 {left:90px;}

		/*Slide two*/
		#banner img.s2_1 {max-width:20%; left: 180px; top:10px;}
		#banner .oneByOne_item span.slide2Txt1 { margin: 0px 12px 0 26px; font-size: 20px; } 
		#banner .oneByOne_item div.slide2Txt2 {margin: -10px 12px 0 26px; font-size:12px;	} 
			#banner .oneByOne_item div.slide2Txt2 li {padding-top:0px; line-height:10px;}
			#banner .oneByOne_item div.slide2Txt2 li .icon24 {font-size:14px;}
		#banner .oneByOne_item span.slide2Txt3 { visibility: hidden; } 

		/*Slide three*/
		#banner img.s3_1 {max-width:20%; left: 200px; top:30px;}
		#banner .oneByOne_item span.slide3Txt1 { margin: 0px 12px 0 26px; font-size: 20px; } 
		#banner .oneByOne_item div.slide3Txt2 {margin: -10px 12px 0 26px; font-size:12px;	} 
			#banner .oneByOne_item div.slide3Txt2 li {padding-top:0px; line-height:10px;}
			#banner .oneByOne_item div.slide3Txt2 li .icon24 {font-size:14px;}
		#banner .oneByOne_item span.slide3Txt3 { visibility: hidden; } 

		.links {left:40%; top:38%;}
	#portfolio.two-columns .project-box {min-height:150px;}
	.pager li {float: left; width:100%; margin-bottom:10px;}
}

@media (max-width: 320px) {
	.tittle .dot.heading {top:44%;}
	.tittle .heading {line-height:28px;}
}

/* Breadcrumbs
-------------------------------------------------- */
#breadcrumb {border-bottom:1px solid #cbc9cf; background-color:#F2F1F3; padding: 10px 0 10px 0px;}
	
	#breadcrumb .breadcrumb {
	  background-color: #F2F1F3;
	  background-image:none;
	  border: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  margin:0;
	  padding:15px 0 0 0;
	  filter: none;
	}
	#breadcrumb .breadcrumb:hover .divider { background-color: #F2F1F3;}
	#breadcrumb .navbar-search .search-query {
		border-color:#cbc9cf;
		background-color: #fff;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius: 5px;
	}

	#breadcrumb .row {margin-bottom:0;}
/* COMMENT -------------------------------------*/
.comment-status {
	width: 100%;
}
.comment-status .alert-error, .comment-status .alert-success {
	padding: 5px;
	margin: 2px;
}